<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>银通前海金融资产交易中心</title>
    <link href="bootstrap/v5.3.0/css/bootstrap.min.css" rel="stylesheet" />
    <link href="datetimepicker/css/bootstrap-datetimepicker.css" rel="stylesheet" />
    <style type="text/css">
        body {
            font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei;
            background-color: rgba(255, 255, 255, 1);
        }

        .searchInputClass:focus {
            box-shadow: inherit;
        }

        .search_tab {
            padding-top: 8px;
            padding-bottom: 8px;
            margin-right: 66px;
            cursor: pointer;
            font-family: PingFangSC-Regular;
            color: rgba(24, 24, 24, 1);
            font-size: 16px;
        }

        .search_tab.active {
            border-bottom: 4px solid rgba(0, 60, 125, 1);
            font-family: PingFangSC-Medium;
            font-weight: 500;
            color: rgba(0, 60, 125, 1);
        }

        .search_nav a.nav-link {
            text-decoration: none;
            padding: 0.3rem 1.2rem;
            display: block;
            color: rgba(24, 24, 24, 1);
            font-size: 14px;
            font-family: PingFangSC-Regular;
            margin-bottom: 10px;
            cursor: pointer;
            /* transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out; */
        }

        .search_nav .nav-pills .nav-link {
            border-radius: 0;
            color: rgba(24, 24, 24, 1);
        }

        .search_nav a.nav-link.active {
            background-color: rgba(0, 60, 125, 1);
            color: rgba(255, 255, 255, 1);
            border-radius: 0;
        }

        .sort-left {
            min-width: 100px;
            font-family: PingFangSC-Medium;
            color: rgba(24, 24, 24, 1);
            font-size: 14px;
            font-weight: 500;
        }

        .search_type_cls {
            padding-top: 16px;
            padding-bottom: 7px;
            border-bottom: 1px dashed #E9E9E9;
        }

        .dateInputClas::-webkit-input-placeholder {
            color: rgba(153, 153, 153, 1);
            font-family: PingFangSC-Regular;
            font-size: 14px;
        }

        .page-link.pagingActive {
            color: rgba(0, 60, 125, 1);
            border: 1px solid #003C7D;
        }
        /*默认隐藏展开按钮*/
        /* #search_options_more {
            display: none;
        } */
        /*隐藏收起展开的多选框按钮*/
        input[type="checkbox"]#search_options_id {
            display: none;
        }
        /*选中状态时，显示收起按钮(由于不是兄弟标签，该效果无法实现)*/
        /* #search_options_id:checked ~ #search_options_more {
            display: initial;
        } */
        /*选中状态时，隐藏收起按钮(由于不是兄弟标签，该效果无法实现)*/
        /* #search_options_id:checked ~ #search_options_less {
            display: none;
        } */
        #packUp_unfold_id{
            max-height: 530px;
            overflow:hidden;
            transition: max-height .5s;
            transition-delay: 0.0001s;
        }

        /*选中状态时，更多文本的最大高度为0px，触发transition过渡动画向上收起显示*/
        #search_options_id:checked ~ #packUp_unfold_id  {
            max-height: 0px;
        }
        .dateInputClas{
            width: 206px;
            display: inline-block;
            padding-top: 0.3rem;
            padding-bottom: 0.3rem;
            border-radius: 0;
            font-size: 14px;
        }
        .searchselectClass{
            background-color: rgba(255, 255, 255, 1);
            border: 1px solid rgba(238, 238, 238, 1);
            position: relative;
            width: 120px;
            height: 34px;
            color: rgba(51, 51, 51, 1);
            font-size: 14px; 
            font-family: PingFangSC-Regular;
            padding:5px 15px;
            padding-top: 6px;
            cursor: pointer;
        }

        .searchselectClass ul{
            cursor: initial;
            position: absolute;
            top: 35px;
            left: 0;
            width: 100%;
            margin: 0;
            padding: 12px 0px;
            background: #FFFFFF;
            box-shadow: 0px 2px 16px 0px rgba(229, 229, 229, 0.5);
            display: none;
            transition: all .5s ease 0s;
        }

        .searchselectClass li{
            cursor: pointer;
            list-style: none;
            padding: 5px 15px;
        }

        .searchselectClass li:hover {
            background-color: #f8f9fa;
        }

        /* .searchselectClass select{
            padding:5px 15px;
            padding-top: 6px;
            color: rgba(51, 51, 51, 1);
            font-size: 14px; 
            font-family: PingFangSC-Regular;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border:0;
            outline:0;
            width: 100%;
            cursor: pointer;
        }

        select option:hover{
            cursor: pointer; 
            color: red;
        } */
        
        .searchselectClass img {
            position: absolute;
            top:10px;
            right: 15px;
            pointer-events: none;
        }
        .imgTran180{
            transform:rotate(180deg);
        }
    </style>
</head>

<body>
    <!-- <input id="headerNavSelect" type="hidden" value="pcOrgNavId"/> -->
    <div id="header"></div>
    <!-- 导航栏结束 -->

    <!-- 页头开始 -->
    <section>
        <div class="background-image" style="
            background-image: url('img/search_background.png');
            background-size: cover; 
            background-position-x: center;">
            <div class="container">
                <div class="row">
                    <div class="col-9">
                        <div class="nav flex-column text-white " style="position: relative;height: 150px;">
                            <div class="" style="display: flex;margin-top: 24px;height: 48px;">
                                <input class="form-control searchInputClass" type="text" value="土地拍卖"
                                    style="border:0;height: 100%;border-radius:0;display: inline-block;color: rgba(55, 49, 49, 1);font-size: 14px; font-family: PingFangSC-Regular;" />
                                <div class="col-1"
                                    style="height: 100%;background: #003D82;display: flex;align-items: center;justify-content: center;cursor: pointer;padding: 0 20px;">
                                    <img style="width: 32px;" alt="" src="img/search_white.png" />
                                </div>
                            </div>
                            <div style="position:absolute;bottom: 0;display: flex;color: #000;">
                                <div class="search_tab active">全部</div>
                                <div class="search_tab">公告</div>
                                <div class="search_tab">交易</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 页头结束 -->
    <!-- 搜索条件开始 -->
    <section style="box-shadow: 0px 2px 16px 0px rgba(229, 229, 229, 0.5);">
        <div class="container search_nav" style="padding-top: 8px;padding-bottom: 8px;">
            <!-- 资产类型开始 -->
            <div class="d-flex flex-row search_type_cls" style="position: relative;">
                <!-- <div class="sort-left nav flex-column justify-content-center">
                    资产类型：
                </div> -->
                <div class="sort-left">
                    <div style="padding-top: 0.3rem;padding-bottom: 0.3rem;text-align: left;">资产类型：</div>
                </div>
                <ul class="nav nav-pills">
                    <li class="nav-item">
                        <a class="nav-link active" data-bs-toggle="pill">全部</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="pill">国有资产</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="pill">民营企业资产</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-bs-toggle="pill">个人资产</a>
                    </li>
                </ul>
                <div style="position: absolute;right: 3vw;top: calc(0.3rem + 16px);cursor: pointer;">
                    <label for="search_options_id" id="search_options_less" style="font-size: 14px;font-family: PingFangSC-Regular;color: #003C7D;cursor: pointer;">收起</label>
                    <!-- <label for="search_options_id" id="search_options_more" style="font-size: 14px;font-family: PingFangSC-Regular;color: #003C7D;cursor: pointer;">展开</label> -->
                    <img id="search_options_icno" src="./img/pack_up.png" alt="">
                </div>
            </div>
            <!-- 资产类型结束 -->
            <input id="search_options_id" type="checkbox" onchange="searchOptionsCh(this);" />
            <div id="packUp_unfold_id">
                <!-- 资产所在地开始 -->
                <div class="d-flex flex-row search_type_cls">
                    <div class="sort-left">
                        <div style="padding-top: 0.3rem;padding-bottom: 0.3rem;text-align: left;">资产所在地：</div>
                    </div>
                    <ul class="nav nav-pills" id="pills-tab" role="tablist" style="max-width: 1060px;">
                        <li class="nav-item" >
                            <a class="nav-link active" data-bs-toggle="pill">全部</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">北京</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">天津</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">河北</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">山西</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">内蒙古</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">辽宁</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">吉林</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">黑龙江</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">上海</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">江苏</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">浙江</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">安徽</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">福建</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">江西</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">山东</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">河南</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">湖北</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">湖南</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">广东</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">广西</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">海南</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">重庆</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">四川</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">贵州</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">云南</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">西藏</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">陕西</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">甘肃</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">青海</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">宁夏</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">新疆</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">台湾</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">香港</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">澳门</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">大湾区</a>
                        </li>
                    </ul>
                </div>
                <!-- 资产所在地结束 -->

                <!-- 发布时间开始 -->
                <div class="d-flex flex-row search_type_cls" style="border: 0;">
                    <div class="sort-left">
                        <div style="padding-top: 0.3rem;padding-bottom: 0.3rem;text-align: left;">发布时间：</div>
                    </div>
                    <ul class="nav nav-pills" id="releaseTimeNavId">
                        <li class="nav-item">
                            <a class="nav-link active" data-bs-toggle="pill">全部</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">近7天</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link"  data-bs-toggle="pill">近15天</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">近1个月</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">近3个月</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-bs-toggle="pill">近6个月</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="navItemCustomId" data-bs-toggle="pill" style="display: inline-block;">自定义</a>
                            <div style="display: inline-block;position: relative;">
                                <input id="datetimeStart" class="form-control dateInputClas" disabled="disabled" data-link-field="dtp_input1" readonly  placeholder="开始日期" />
                                <input type="hidden" id="dtp_input1" class="dtp_input_clas" />
                                <img src="./img/calender.png" style="position: absolute; right: 15px;top: 8px;pointer-events: none;" />
                            </div>
                            <div style="background-color: rgba(216, 216, 216, 1);width: 16px;height: 1px;display: inline-block;margin-top: 0.3rem;margin-bottom: 0.24rem;">
                            </div>
                            <div style="display: inline-block;position: relative;">
                                <input id="datetimeEnd" class="form-control dateInputClas" disabled="disabled" data-link-field="dtp_input2" readonly placeholder="结束日期" />
                                <input type="hidden" id="dtp_input2" class="dtp_input_clas"/>
                                <img src="./img/calender.png" style="position: absolute; right: 15px;top: 8px;pointer-events: none;" />
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 发布时间结束 -->
            </div>
        </div>
    </section>
    <!-- 搜索条件结束 -->

    <!-- 主体内容开始 -->
    <section style="position: relative;padding-bottom: 45px;">
        <div class="container" style="padding-top: 32px;">
            <div class="row">
                <div class="col-9 overflow-auto">
                    <div style="display: flex;flex-direction: row;justify-content: space-between;margin-bottom: 16px;">
                        <div style="padding:5px 0">
                            <span
                                style="color: rgba(153, 153, 153, 1);font-size: 14px;font-family: PingFangSC-Regular;">为您找到2124条相关信息</span>
                        </div>
                        <!-- <div
                            style="background-color: rgba(255, 255, 255, 1);border: 1px solid rgba(238, 238, 238, 1);color: rgba(51, 51, 51, 1);font-size: 14px; font-family: PingFangSC-Regular;padding:5px 15px;">
                            默认排序
                            <img class="thumbnail_4" referrerpolicy="no-referrer" src="./img/search_sort.png" />
                        </div> -->
                        <div class="searchselectClass" tabindex="1">
                            <!-- <select>
                                <option  selected="selected" value="0">默认排序</option>
                                <option style="padding: 20px 0;display: block;">时间倒序</option>
                                <option style="padding: 20px 0;display: block;">类型倒序</option>
                                <option style="padding: 20px 0;display: block;">区域顺序</option>
                            </select> -->
                            <span>默认排序</span>
                            <img src="./img/search_sort.png" alt="" />
                            <input type="hidden" value="0"/>
                            <ul>
                                <li  data-id="0">默认排序</li>
                                <li  data-id="1">橘子</li>
                                <li  data-id="2">苹果</li>
                                <li  data-id="3">桃子</li>
                            </ul>
                        </div>

                    </div>
                    <div class="block_1 flex-col" style="font-family: PingFangSC-Medium;font-size: 18px;display: flex;
                        flex-direction: column;margin-bottom: 25px;">
                        <div class="group_8 flex-row justify-between" style="display: flex;">
                            <div class="text-wrapper_50" style="line-height: 25px;font-family: PingFangSC-Medium;">
                                <span class="text_70">
                                    深圳市云海通讯股份有限公司等2户债权
                                    <span class="text_71" style="color: rgba(230, 15, 35, 1);">土地</span>
                                    资产</span>
                            </div>
                            <div class="text-wrapper_51 flex-col" style="background-color: rgba(227, 249, 233, 1);width: 40px;margin-left: 3px;margin-top:2px;margin-bottom:2px;display: flex;
                            justify-content: center;
                            align-items: center;">
                                <span class="text_73" style="color: rgba(45, 164, 113, 1);
                                font-size: 12px;">公告</span>
                            </div>
                        </div>
                        <div class="text-wrapper_52" style="margin-top:12px; color:rgba(102, 102, 102, 1);
                        font-size: 14px;
                        font-family: PingFangSC-Regular;">
                            <span class="text_74" style=" ">
                                此外，上述8个债务人分别以其持有《不动产权证书》项下的物业资产及其占用范围的国有
                            </span>
                            <span class="text_75" style="color: rgba(230, 15, 35, 1);">土地</span>
                            <span class="text_76">使用权作为抵押物</span>
                        </div>
                        <span class="text_77" style="    color: rgba(153, 153, 153, 1);
                        font-size: 12px;
                        font-family: PingFangSC-Regular;margin-top: 8px;">2022-01-21</span>
                    </div>
                    <div class="block_1 flex-col" style="font-family: PingFangSC-Medium;font-size: 18px;display: flex;
                        flex-direction: column;margin-bottom: 25px;">
                        <div class="group_8 flex-row justify-between" style="display: flex;height: 25px;">
                            <div class="text-wrapper_50" style="line-height: 25px;font-family: PingFangSC-Medium;">
                                <span class="text_70">
                                    关于马来西亚抵债
                                    <span class="text_71" style="color: rgba(230, 15, 35, 1);">土地拍卖 </span>
                                    资产</span>
                            </div>
                            <div class="text-wrapper_51 flex-col" style="background-color: rgba(227, 249, 233, 1);width: 40px;margin-left: 3px;margin-top:2px;margin-bottom:2px;
                            display: flex; justify-content: center; align-items: center;">
                                <span class="text_73" style="color: rgba(45, 164, 113, 1);
                                font-size: 12px;">公告</span>
                            </div>
                        </div>
                        <div class="text-wrapper_52" style="margin-top:12px; color:rgba(102, 102, 102, 1);
                        font-size: 14px;
                        font-family: PingFangSC-Regular;">
                            <span class="text_74" style=" ">
                                （1）位置该宗土地坐落于沈北新区59号（财落镇全胜村），
                            </span>
                            <span class="text_75" style="color: rgba(230, 15, 35, 1);">土地</span>
                            <span class="text_76">无通道/道路同外界相连。</span>
                        </div>
                        <span class="text_77" style="    color: rgba(153, 153, 153, 1);
                        font-size: 12px;
                        font-family: PingFangSC-Regular;margin-top: 8px;">2022-01-21</span>
                    </div>
                    <div class="block_1 flex-col" style="font-family: PingFangSC-Medium;font-size: 18px;display: flex;
                        flex-direction: column;margin-bottom: 25px;">
                        <div class="group_8 flex-row justify-between" style="display: flex;height: 25px;">
                            <div class="text-wrapper_50" style="line-height: 25px;font-family: PingFangSC-Medium;">
                                <span class="text_70">
                                    华飞（中国）服饰有限公司等7户不良
                                    <span class="text_71" style="color: rgba(230, 15, 35, 1);">土地 </span>
                                    资产包</span>
                            </div>
                            <div class="text-wrapper_51 flex-col" style="background-color: rgba(227, 249, 233, 1);width: 40px;margin-left: 3px;margin-top:2px;margin-bottom:2px;display: flex;
                            justify-content: center;
                            align-items: center;">
                                <span class="text_73" style="color: rgba(255, 140, 0, 1);
                                font-size: 12px;">资产</span>
                            </div>
                        </div>
                        <div class="text-wrapper_52" style="margin-top:12px; color:rgba(102, 102, 102, 1);
                        font-size: 14px;
                        font-family: PingFangSC-Regular;">
                            <span class="text_74" style=" ">
                                该资产占地面积20107㎡（约30.19亩，
                            </span>
                            <span class="text_75" style="color: rgba(230, 15, 35, 1);">土地</span>
                            <span class="text_76"> 使用权终止日期为2046年11月2日），建筑面积35255.64㎡，共四层</span>
                        </div>
                        <span class="text_77" style="    color: rgba(153, 153, 153, 1);
                        font-size: 12px;
                        font-family: PingFangSC-Regular;margin-top: 8px;">2022-01-21</span>
                    </div>
                    <div class="block_1 flex-col" style="font-family: PingFangSC-Medium;font-size: 18px;display: flex;
                        flex-direction: column;margin-bottom: 25px;">
                        <div class="group_8 flex-row justify-between" style="display: flex;height: 25px;">
                            <div class="text-wrapper_50" style="line-height: 25px;font-family: PingFangSC-Medium;">
                                <span class="text_70">
                                    四川省资阳市老城东区林业小区2666平方米国有
                                    <span class="text_71" style="color: rgba(230, 15, 35, 1);">土地 </span>
                                    使用权（二次挂牌）项目网络竞价公告</span>
                            </div>
                            <div class="text-wrapper_51 flex-col" style="background-color: rgba(227, 249, 233, 1);width: 40px;margin-left: 3px;margin-top:2px;margin-bottom:2px;display: flex;
                            justify-content: center;
                            align-items: center;">
                                <span class="text_73" style="color: rgba(255, 140, 0, 1);
                                font-size: 12px;">资产</span>
                            </div>
                        </div>
                        <div class="text-wrapper_52" style="margin-top:12px; color:rgba(102, 102, 102, 1);
                        font-size: 14px;
                        font-family: PingFangSC-Regular;">
                            <span class="text_74" style=" ">
                                一、债务人名称：景德镇市红土地农资连锁有限公司二、资产所在地：江西省景德镇市三、债权总额:8957815.96元，本金
                            </span>
                        </div>
                        <span class="text_77" style="    color: rgba(153, 153, 153, 1);
                        font-size: 12px;
                        font-family: PingFangSC-Regular;margin-top: 8px;">2022-01-21</span>
                    </div>

                    <div class="d-flex flex-row-reverse pt-3">
                        <div class="pe-3">
                            <nav aria-label="Page navigation example">
                                <ul class="pagination">
                                    <li class="list-group-item border-0 text-muted m-2" style="color: rgba(0, 0, 0, 0.45);
                                    font-size: 14px;
                                    font-family: PingFangSC-Regular;">共100条</li>
                                    <li class="page-item" style="color: rgba(0, 0, 0, 0.45);
                                    font-size: 14px;
                                    font-family: PingFangSC-Regular;">
                                        <a class="page-link border-0 text-muted" href="#" aria-label="Previous" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">
                                            <span aria-hidden="true">
                                                <</span>
                                        </a>
                                    </li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link pagingActive text-muted"
                                            href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">1</a></li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link text-muted" href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">2</a></li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link text-muted" href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">3</a></li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link text-muted" href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">4</a></li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link text-muted" href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">5</a></li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link text-muted" href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">...</a></li>
                                    <li class="page-item ps-2 pe-2"><a class="page-link text-muted" href="#" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">10</a></li>
                                    <li class="page-item ps-2 pe-2">
                                        <a class="page-link border-0 text-muted" href="#" aria-label="Next" style="color: rgba(0, 0, 0, 0.45);
                                        font-size: 14px;
                                        font-family: PingFangSC-Regular;">
                                            <span aria-hidden="true">></span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
                <div class="col-3" style="padding-left: 36px;">
                    <div>
                        <div style="margin-bottom: 12px;color: rgba(24, 24, 24, 1);
                        font-size: 16px;
                        font-family: PingFangSC-Medium;">相关搜索</div>
                        <div>
                            <div
                                style="color: rgba(24, 24, 24, 1); font-size: 14px; font-family: PingFangSC-Regular;margin: 15px 0;cursor: pointer;">
                                土地拍卖李峰资产</div>
                            <div
                                style="color: rgba(24, 24, 24, 1); font-size: 14px; font-family: PingFangSC-Regular;margin: 15px 0;cursor: pointer;">
                                土地拍卖聚焦</div>
                            <div
                                style="color: rgba(24, 24, 24, 1); font-size: 14px; font-family: PingFangSC-Regular;margin: 15px 0;cursor: pointer;">
                                土地拍卖广东深圳</div>
                            <div
                                style="color: rgba(24, 24, 24, 1); font-size: 14px; font-family: PingFangSC-Regular;margin: 15px 0;cursor: pointer;">
                                土地拍卖二次拍卖李峰、王浩等不良…</div>
                            <div
                                style="color: rgba(24, 24, 24, 1); font-size: 14px; font-family: PingFangSC-Regular;margin: 15px 0;cursor: pointer;">
                                土地拍卖债券</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 主体内容结束 -->

    <!-- 页脚 -->
    <div id="footer"></div>
    <!-- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> -->
    <script src="js/jquery-1.12.4.js"></script>
    <script src="bootstrap/v5.3.0/js/bootstrap.bundle.min.js"></script>
    <script src="datetimepicker/js/bootstrap-datetimepicker.js"></script>
    <script src="datetimepicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript">
        // 引入导航栏
        $('#header').load('header.html');
        // 引入导航栏
        $('.associativeSearch').load('associativeSearch.html');
        // 引入页脚
        $('#footer').load('footer.html');

        $(".search_tab").on("click", function(q) {

           $('.search_tab').removeClass('active');

           $(q.target).addClass("active");
            
           // 获取当前点击对象id
           // $(q.target).attr("id"); 
        });

        var picker1 = $('#datetimeStart').datetimepicker({
            format: 'yyyy-mm-dd',  //时间格式,如：yyyy:mm:dd等
            minView: 'month',
            language: 'zh-CN',
            autoclose: true,
            clearBtn: true
            // startDate:new Date(),  //此设置主要为选择日期是否从当前时间开始，即不可以选择以前的时间

        });

        var picker2 = $('#datetimeEnd').datetimepicker({
            format: 'yyyy-mm-dd',  //时间格式,如：yyyy:mm:dd等
            minView: 'month',
            language: 'zh-CN',
            autoclose: true,
            clearBtn: true
            // startDate:new Date(),  //此设置主要为选择日期是否从当前时间开始，即不可以选择以前的时间
        });

        picker1.on('changeDate', function (e) {
            picker2.datetimepicker('setStartDate',e.date);
        });

        picker2.on('changeDate', function (e) {
            picker1.datetimepicker('setEndDate',e.date);
        });

        function searchOptionsCh(thi){
            if(thi.checked){
                // $('#search_options_less').hide();
                // $('#search_options_more').show();
                $('#search_options_less').text('展开');
                $('#search_options_icno').css('transform','rotate(180deg)');
            }else{
                // $('#search_options_more').hide();
                // $('#search_options_less').show();
                $('#search_options_less').text('收起');
                $('#search_options_icno').css('transform','rotate(0deg)');
            }
        }

        var releaseTimeNav = document.querySelector('#releaseTimeNavId');

        releaseTimeNav.addEventListener('shown.bs.tab', function (event) {
            // console.log(event);
            //console.log(event.target);
            //console.log(event.target.getAttribute("id"))
            if(event.target.getAttribute("id")=='navItemCustomId'){
                $('.dateInputClas').removeAttr("disabled");
            }else{
                $('.dateInputClas').attr("disabled","disabled");
                $('.dateInputClas').val('');
                $('.dtp_input_clas').val('');
                picker1.datetimepicker('setEndDate',null);
                picker2.datetimepicker('setStartDate',null);
            }
        });

        function clickedOutside(e) {

            //console.log('哈哈哈： '+$(e.target).closest('.searchselectClass').length);

            if ($(e.target).closest('.searchselectClass').length === 0) {
                $('.searchselectClass ul').hide();
                $('.searchselectClass img').toggleClass("imgTran180");
                $(document).off('mousedown', clickedOutside);
            }

            
        }

        $(".searchselectClass").on("click",function(q){
           
            if($(q.target).is("ul")){
                //console.log('点击ul了');
                return false;
            }else if($(q.target).is("li")){
                //console.log($(q.target).text());

                $('.searchselectClass input').val($(q.target).data("id"));

                $('.searchselectClass span').text($(q.target).text());
            }



            $('.searchselectClass ul').toggle();

            $('.searchselectClass img').toggleClass("imgTran180");

            if($('.searchselectClass ul').css('display') == 'block'){
                // $(document).on('mousedown touchend', clickedOutside);

                //console.log('添加隐藏');

            }else{
                // $(document).off('mousedown', clickedOutside);
                //console.log('删除隐藏');
            }
        });


        // tabindex='1' 让div有获取和失去焦点
        $(".searchselectClass").blur(function(){
            $('.searchselectClass ul').hide();
        }); 



    </script>
</body>

</html>